博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
项目六遇到的知识点
阅读量:5328 次
发布时间:2019-06-14

本文共 2261 字,大约阅读时间需要 7 分钟。

1、小程序中从一个页面获取另一个页面的方法或值

1201653-20181224175212928-453460275.png

1201653-20181224175221247-755671158.png

  • 在项目中想要实现,点击a页面跳转到b页面,并且选中b页面的值,当回到a页面时,b页面选中的值已经在a页面中出现
  • 说的有点啰嗦,具体实现如下

a页面

您选择的是
{
{data}}

js

data:{    data: ''},/**   * 生命周期函数--监听页面显示*/onShow: function () {    this.setData({      data: wx.getStorageSync('wish')    })},goData:function(){//跳转到b页面    wx.navigateTo({      url: '../b/b'    })}

b页面

js

data: {    items: [      {  value: '变美' },      {  value: '变高' },      {  value: '变白' },      {  value: '变瘦' },      {  value: '变有钱' },      {  value: '你想多啦' },    ]  },  radioChange(e) {    var value = e.detail.value;    console.log('radio发生change事件,携带value值为:', e.detail.value)    wx.setStorageSync('wish', value);   }
  • 主要通过wx.setStorageSync同步缓存,wx.getStorageSync 同步获取实现。

方法

  • wx.getStorage(Object object) 从本地缓存中异步获取指定 key 的内容
  • wx.getStorageSync(string key) wx.getStorage 的同步版本
  • wx.getStorageInfo(Object object) 异步获取当前storage的相关信息
  • wx.getStorageInfoSync() wx.getStorageInfo 的同步版本
  • wx.setStorage(Object object)
  • 将数据存储在本地缓存中指定的 key 中。会覆盖掉原来该 key 对应的内容。数据存储生命周期跟小程序本身一致,即除用户主动删除或超过一定时间被自动清理,否则数据都一直可用。数据存储上限为 10MB。
  • wx.setStorageSync(string key, Object|string data) wx.setStorage 的同步版本
  • wx.removeStorage(Object object) 从本地缓存中移除指定 key
  • wx.removeStorageSync(string key) wx.removeStorage 的同步版本
  • wx.clearStorage(Object object) 清理本地数据缓存
  • wx.clearStorageSync() wx.clearStorage 的同步版本

  • onShow

1201653-20181224175242835-1621515019.jpg

(二)、获取input焦点改变input的border边框颜色

  • 效果图
  • 初始状态

1201653-20181227112745236-550975735.png

  • 获取焦点

1201653-20181227112755677-1069476544.png

  • 获取input焦点时变化border边框颜色,失去焦点时去掉颜色。

wxml

js

Page({    data: {        tel: '',        border: '',        img: '',        imgUrl: ''    },    onLoad"function(){        this.setData({            img: '../../assets/images/phone.png'//图片静态地址        })    },    //获取焦点    getFocus:function(){        var bgImg = '../../assets/images/data-phone.png';//带颜色的图片地址        this.setData({            imgUrl: bgImg,            img: '',            border: 'border:4px solid #0DE1A8'        })    },    //失去焦点    getBlur:function(){        this.setData({            imgUrl: '',            img: '../../assets/images/phone.png',            border: ''        })    }})
  • 完成,写法我觉得有点麻烦,哪位大神有好的方法请多指教,嘿嘿估计也没人看

转载于:https://www.cnblogs.com/DCL1314/p/10170071.html

你可能感兴趣的文章
Serlvet学习笔记之一 ——实现servlet的3种方法
查看>>
批处理
查看>>
使用pycharm编写自动化脚本
查看>>
browser-sync启动命令
查看>>
HttpWebRequest请求返回非200的时候 HttpWebResponse怎么接受返回错误提示
查看>>
VBScript 内置函数
查看>>
java打jar包的几种方式详解
查看>>
关于sublime3中package controle不出来的问题
查看>>
groovy
查看>>
对象扩展
查看>>
js学习总结----事件基础
查看>>
7_20 day25 总结
查看>>
Fliter(过滤器)的认识
查看>>
sd 卡驱动--基于高通平台
查看>>
java开发中的那些事(6)------一次ajax调用中的问题
查看>>
34 数组中的逆序对+改进低效归并排序
查看>>
python异常
查看>>
隐藏状态栏
查看>>
别人的负能量
查看>>
fedora 20下安装vim的C++补全插件clang_complete
查看>>